<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zh-CN"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet">
        <link rel="stylesheet" href="css/main.css">
        <style type="text/css">
        
        .container
        {
            width: 320px;
            left: 0px;
            display: block;
            margin: auto;
            position: fixed;
            bottom: 0px;
            min-height: 100px;
            left:0px;right:0px;margin-left:auto;margin-right:auto;
        }
        .menu_opener_id{display: none}
        
        .menu_opener
        {
            display: none;
        }
        
        .menu_opener:checked ~ .link_one
        {
            left: -20px
        }
        .menu_opener:checked ~ .link_two
        {
            left: 40px;
            top: -50px;
        }
        .menu_opener:checked ~ .link_three
        {
            top: -75px;
        }
        .menu_opener:checked ~ .link_four
        {
            left: 220px;
            top: -50px;
        }
        .menu_opener:checked ~ .link_five
        {
            left: 280px;
        }
        .menu_opener:checked ~ .barre_hamburger
        {
            opacity: 0;
        }
        .menu_opener:checked ~ .menu_opener_label:after
        {
            transform: rotate(45deg);
            top: 35px;
        }
        .menu_opener:checked ~ .menu_opener_label:before
        {
            transform: rotate(-45deg);
            top: 35px;
        }
        
        .menu_opener_label
        {
            background: #f1c40f;
            width: 80px;
            height: 80px;
            display: block;
            cursor: pointer;
            border-radius: 50%;
            position: absolute;
            left: 120px;
            z-index: 10;
            opacity: 0.5
        }
        .menu_opener_label:after
        {
            position: absolute;
            top: 45px;
            left: 15px;
            background: #000;
            content: "";
            width: 50px;
            height: 10px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        .menu_opener_label:before
        {
            position: absolute;
            top: 20px;
            left: 15px;
            background: #000;
            content: "";
            width: 50px;
            height: 10px;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .barre_hamburger
        {
            width: 50px;
            height: 10px;
            position: absolute;
            top: 270px;
            left: 250px;
            background: #000;
            z-index: 20;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .link_general
        {
            width: 60px;
            height: 60px;
            display: block;
            border-radius: 50%;
            position: absolute;
            top: 15px;
            left: 130px;
            background: #ecf0f1;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        
        .link_one
        {
            background: url("home.png") #f1c40f no-repeat center center;
        }
        
        .link_two
        {
            background: url("mail.png") #f1c40f no-repeat center center;
        }
        
        .link_three
        {
            background: url("set.png") #f1c40f no-repeat center center;
        }
        
        .link_four
        {
            background: url("start.png") #f1c40f no-repeat center center;
        }

        .link_five
        {
            background: url("start.png") #f1c40f no-repeat center center;
        }

        </style>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">请使用IE7以上浏览器浏览本网站</p>
        <![endif]-->

        <div id="content">
            <div id="heading"></div>
            <div id="list">
                
                <div class="container">
                    <input type="checkbox" id="menu_opener_id" class="menu_opener">
                        <label for="menu_opener_id" class="menu_opener_label">
                        </label>
                        <a href="#" class="link_one link_general">1</a><a href="#" class="link_two link_general">2
                        </a><a href="#" class="link_three link_general">3</a><a href="#" class="link_four link_general">4
                        </a><a href="#" class="link_five link_general">5
                        </a></input>
                </div>
            </div>
        </div>

        <script src="http://cdn.bootcss.com/react/0.13.2/react.min.js"></script>
    <script src="http://cdn.bootcss.com/react/0.13.2/JSXTransformer.js"></script>
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/moment.js/2.10.2/moment-with-locales.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        
<script type="text/jsx" src="src/component.js"></script>
<script type="text/jsx" src="src/cu.js"></script>


        
    </body>
</html>
